<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="description" content="Metro UI CSS">
    <meta name="author" content="Sergey Pimenov">
    <meta name="keywords" content="windows 8, modern style, Metro UI, style, modern, css, framework">

    <link href="css/modern.css" rel="stylesheet">
    <link href="css/modern-responsive.css" rel="stylesheet">
    <link href="css/site.css" rel="stylesheet" type="text/css">
    <link href="js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="js/assets/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/assets/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/assets/moment.js"></script>
    <script type="text/javascript" src="js/assets/moment_langs.js"></script>

    <script type="text/javascript" src="js/modern/dropdown.js"></script>
    <script type="text/javascript" src="js/modern/accordion.js"></script>
    <script type="text/javascript" src="js/modern/buttonset.js"></script>
    <script type="text/javascript" src="js/modern/carousel.js"></script>
    <script type="text/javascript" src="js/modern/input-control.js"></script>
    <script type="text/javascript" src="js/modern/pagecontrol.js"></script>
    <script type="text/javascript" src="js/modern/rating.js"></script>
    <script type="text/javascript" src="js/modern/slider.js"></script>
    <script type="text/javascript" src="js/modern/tile-slider.js"></script>
    <script type="text/javascript" src="js/modern/tile-drag.js"></script>
    <script type="text/javascript" src="js/modern/calendar.js"></script>

    <title>Metro UI CSS</title>
</head>
<body class="metrouicss" onload="prettyPrint()">

<?php include("navigation.php")?>

    <div class="page secondary">

        

        <div class="page-region">
            <div class="page-region-content">
                <FORM name="example_form" action="#" method="POST">  
                <h3>School Details</h3>
	<div>
	<table id="1">
	<tr><td>School Name</td><td><input name="School_Name" id="autocomplete" title="type "a""></td></tr>
	<tr><td>Address</td><td><input name="Address" id="autocomplete" title="type "a""></td></tr>
	<tr><td>City</td><td><input name="City" id="autocomplete" title="type "a""></td></tr>
	<tr><td>State</td><td><input name="State" id="autocomplete" title="type "a""></td></tr>
	<tr><td>Pincode</td><td><input name="pincode" id="autocomplete" title="type "a""></td></tr>
	<tr><td>Country</td><td><input name="Country" id="autocomplete" title="type "a""></td></tr>
	</table>
	</div>
                
	<h3>Contact Information</h3>
	<div>
	<table id="2">
	<tr><td>Landline No.</td><td><input  id ="t" name="LandLine" id="autocomplete" title="type "a""></td></tr>
	<tr><td>Principal Name</td><td><input name="Principal_Name" id="autocomplete" title="type "a""></td></tr>
	<tr><td>Point of Contact</td><td><input name="Point_of_Contact" id="autocomplete" title="type "a""></td></tr>
	<tr><td>Phone no.</td><td><input name="Phone_No" id="autocomplete" title="type "a""></td></tr>
	<tr><td>Email ID</td><td><input name="Email_Id" id="autocomplete" title="type "a""></td></tr>
	</table>
	</div>
	<h3>Other</h3>
	<div>
	<table id="3">
	<tr><td>How did you hear about us?</td><td>


	<select>
	<option>Friend</option>
	<option>Other Schools</option>
	<option>Social Media</option>
	<option>Newspaper</option>
	<option></option>
	</select>
	</td></tr>
	</table>
	</div>

</br>
 <button id="staticDialog">Submit Request</button>
 
                </FORM>           
 </div>            
                <!--button id="setupDialog">Setup dialog</button-->
                <script type="text/javascript" src="js/modern/dialog.js"></script>
                <script type="text/javascript">
                    $(document).ready(function(){
                        $('#staticDialog').click(function(e) {
                            var i=document.getElementById("t").value;
                            if(i=="")
                                {
                          $.Dialog({
                                'title'      : 'My static dialog',
                                'content'    : 'This kand can be in HTML.<br />You can add custom function to your buttons!<br /><br /><b>Features:</b><ul><li>Easy to use!</li><li>Customizable</li><li>Powerful!</li></ul>',
                                'buttons'    : {
                                    'Ok'    : {
                                        'action': function() {}
                                    },
                                    'Cancel'     : {
                                        'action': function() {}
                                    }
                                }
                            });
                            return false;   
                        }
                        }); 
                    });
                </script>
 
    <script type="text/javascript" src="js/assets/github.info.js"></script>
    <script type="text/javascript" src="js/assets/google-analytics.js"></script>
    <script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
    <script src="js/sharrre/jquery.sharrre-1.3.4.min.js"></script>

    <script>
        $('#shareme').sharrre({
            share: {
                googlePlus: true
                ,facebook: true
                ,twitter: true
                ,delicious: true
            },
            urlCurl: "js/sharrre/sharrre.php",
            buttons: {
                googlePlus: {size: 'tall'},
                facebook: {layout: 'box_count'},
                twitter: {count: 'vertical'},
                delicious: {size: 'tall'}
            },
            hover: function(api, options){
                $(api.element).find('.buttons').show();
            }
        });
    </script>

    </body>
</html>